<template>
  <div>
      <h5> <span @click="fun()" id="left" class="iconfont icon-angle-left"></span> <span id="center">购物车</span></h5>
      <hr>
      <div>
       <Shopingcar/>
      </div>
  </div>
</template>
``

<script>
import Shopingcar  from 'c/my/shopingcar'


export default {


  data(){
  return {
    a:""
    
  }
},
methods:{
  
  fun(){
    this.$router.push("/")
  }
},
  components:{
    Shopingcar,
  }

}
</script>

<style scoped>
#left{
    line-height: 0.5rem;
    font-size: 0.3rem;
}
#center{
  line-height: 0.5rem;
  display: block;
  margin-left: 50%;
  transform: translateX(-80%);
  font-size: 0.2rem;
}

h5{
  height: 0.5rem;
  display: flex;
  font-size: 0.4rem;
  color: orangered;
}

</style>